/* public */
html{ height:100%;}
body{ color:#444444; min-width:1200px; font-size:14px; font-family:Helvetica,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; background:#eff2f6;}
*{ padding:0; margin:0; outline:none; list-style:none; border:none;}
article,aside,dialog,header,section,footer,nav,figure,menu{display:block}
p img{ max-width:100%;}
input,textarea{ font-family:Helvetica,Microsoft YaHei,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;}

/* layout */
.wrap{ position:relative; width:1200px; margin:0 auto; z-index:1;}
header{ position: relative; height: 90px; font-size: 14px; background-color: #FFFFFF; border-bottom: #DDDDDD 1px solid; z-index: 8;}
header .top{ position: relative; height: 30px; background: #282828; z-index: 2;}
header .top a{ position: relative; line-height: 30px; color: #AAAAAA; font-size: 12px; padding-left: 15px; margin-left: 20px; float: left;}
header .top a:before{ position: absolute; width: 4px; height: 4px; background: #AAAAAA; left: 0; top: 13px; content: "";}
header .top a:hover{ color: #FFFFFF;}
header .top a .gzh{ position: absolute; width: 140px; height: 180px; padding: 10px; padding-bottom: 0; background: #282828; left: -35px; top: 40px; display: none;}
header .top a .gzh:before{ position: absolute; width: 0; height: 0; border: transparent 10px solid; border-bottom-color: #282828; left: 50%; margin-left: -10px; top: -20px; content: "";}
header .top a .gzh img{ width: 140px; height: 140px; float: left;}
header .top a .gzh img.app{ width: 130px; height: 130px; border: #FFFFFF 5px solid; background: #ffffff;}
header .top a .gzh p{ line-height: 40px; text-align: center; color: #FFFFFF; font-size: 14px;}
header .top a:hover .gzh{ display: block;}
header .logo{ height: 46px; padding: 7px 0; float: left;}
header .logo img{ height: 100%; float: left;}
header ul.nav{ height: 60px; margin-left: 20px; float: left;}
header ul.nav li{ cursor: pointer; margin-left: 1px; float: left;}
header ul.nav a{ position: relative; width: 70px; line-height: 60px; text-align: center; color: #666666; float: left;}
header ul.nav a.selected{ color: #CC2929;}
header ul.nav a:hover{ color: #CC2929;}
header ul.nav a .new{ position: absolute; width: 30px; height: 18px; background: url(../images/nav-new.png) no-repeat; right: 0; top: 6px;}
header ul.nav div{ position: relative; width: 0; height: 60px; background: #FFFFFF; overflow: hidden; transition:all 1.0s; -webkit-transition:all 1.0s; -moz-transition:all 1.0s; -o-transition:all 1.0s;}
header ul.nav div:after{ position: absolute; width: 1px; height: 24px; background: #DDDDDD; top: 18px; right: 0; content: "";}
header ul.nav li:hover div{ width: 310px;}
header ul.nav div a{ width: 50px;}
header .side{ position: absolute; height: 60px; background-color: #FFFFFF; top: 0; right: 0;}
header .side .language{ width: 32px; height: 32px; background: url(../images/language-s.png) center no-repeat; margin: 14px 10px; float: left;}
header .side label{ height: 30px; line-height: 30px; color: #888888; margin: 15px 5px; display: inline-flex; float: left;}
header .side label.selected{ color: #cc2929;}
header .side label i{ width: 16px; height: 16px; background: url(../images/header-radio.png) center no-repeat; margin: 7px 5px; float: left;}
header .side label.selected i{ background: url(../images/header-radio-checked.png) center no-repeat;}
header .side .search{ margin: 10px; margin-right: 0; float: left;}
/*header .side .search input{ width: 200px; border-radius: 5px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
header .side .search input:focus{ width: 260px;}
header .side .search .search-option{ width: 260px; border-radius: 5px; left: auto; right: -1px;}*/

header .login{ height: 60px; font-size: 14px; margin-left: 10px; float: right;}
header .login .nologin{ height: 20px; line-height: 20px; border: #EEEEEE 1px solid; border-radius: 5px; padding: 9px 0; margin: 10px; margin-right: 0;}
header .login .nologin a{ width: 60px; text-align: center; color: #444444; float: left;}
header .login .nologin a:first-child{ color: #A0A0A0; border-right: #EEEEEE 1px solid;}
header .login .nologin a:hover{ color: #db4747;}
header .login .logined{ position: relative; height: 40px; line-height: 40px; font-size: 14px; padding: 10px; padding-right: 0; cursor: pointer; z-index: 6;}
header .login .logined a{ text-align: center; color: #666666; display: block;}
header .login .logined label{ max-width:80px; min-width: 60px; height: 40px; line-height: 40px; text-align:right; margin: 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor: pointer; display: inline-block; float:left;}
header .login .logined img{ width: 40px; height: 40px; border-radius: 50%; margin-left: 8px; float: left;}
header .login .logined ul{ position: absolute; border: #DDDDDD 1px solid; background: #FFFFFF; left: 0; top: 60px; right: 0; box-shadow: 0 5px 10px rgba(0,0,0,0.2); display: none;}
header .login .logined:hover{ background: #F6F6F6;}
header .login .logined:hover label{ color: #CC2929;}
header .login .logined:hover ul{ display: block;}
header .login .logined ul li{ height: 30px; line-height: 30px; text-align: center;}
header .login .logined ul li a{ width: 100%; color: #A0A0A0;}
header .login .logined ul li a:hover{ color: #333333; background: #FAFAFA;}
header .login .logined ul li a.selected{ color: #CC2929; background: #F6F6F6;}

.main-l{ width: 800px; float: left;}
.main-r{ width: 380px; float: right;}

footer{ background-color: #383838; padding-top: 55px;}
footer ul{ display: inline-block;}
footer ul li strong{ height: 40px; font-size: 16px; font-weight: normal; color: #FFFFFF; display: block;}
footer ul li a{ line-height: 30px; font-size: 14px; color: #a0a0a0;}
footer .app2wm{ width: 140px; height: 140px; background: #FFFFFF; padding: 5px; margin-top: 5px; float: left;}
footer .app2wm img{ width: 140px; height: 140px; float: left;}
footer dl{ color: #a0a0a0;}
footer dl dt{ font-size: 16px; line-height: 30px; color: #FFFFFF; font-weight: bold;}
footer dl dd{ padding-top: 3px; font-size: 14px; line-height: 24px;}
footer dl dd a{ height: 16px; line-height: 16px; font-size: 14px; color: #A0A0A0; padding: 0 5px; border-left: #A0A0A0 1px solid; float: left;}
footer dl dd a:first-child{ border-left: none; padding-left: 0;}
footer .line{ height: 45px; border-bottom: #555555 1px solid; margin-bottom: 35px;}
footer .foot-other-icon a{ width: 45px; height: 60px; background-image: url(../images/govIcon-w.gif); background-repeat: no-repeat; background-size: cover; display: inline-block;}
footer .foot-other-icon a img{ display: none;}
footer .govicon{ color:#A0A0A0; padding-left: 25px; background: url(../images/ztcj_gongan_beian.png) left center no-repeat; margin-left:20px; display: inline-block;}

/* search option */
.search-option{ position:absolute; width:auto; text-align:center; font-size: 14px; padding:0; border: #EEEEEE 1px solid; border-top: none; background:#FFFFFF; left:0; top:40px; right:0; z-index: 9;}
.search-option dt{ height:30px; line-height:30px; background-color:#F2F2F2; color:#666666;}
.search-option dd a{ width:100%; line-height:20px; color: #666666; font-size: 14px; border-bottom:#EEEEEE 1px dashed; padding:8px 0; float:left;}
.search-option dd a:hover{ color: #CC2929;}
.search-option dd a.style-a{ width:auto; border-bottom:none; float:right;}

/*  fixed  */
.r-fixed{ position:fixed; width:40px; height:auto; right:10px; bottom:180px; z-index:9;}
.r-fixed li{ position:relative; width:40px; height:40px; margin:5px 0; cursor:pointer;}
.r-fixed li img{ position:absolute; left:-190px; top:-65px; display:none;}
.r-fixed li .tip{ position: absolute; width: 0; height: 0; border: transparent 10px solid; border-left-color: #ffbe33; top: 10px; left: -12px; display: none;}
.r-fixed li:first-child img{ top:-20px;}
.r-fixed li:first-child .tip{ border-left-color: #cc2929;}
.r-fixed li:hover img,.r-fixed li:hover .tip{ display:block;}
.r-fixed li.icon1{ background: url(../images/fix-icon1.png) center no-repeat;}
.r-fixed li.icon1:hover{ background: url(../images/fix-icon1-hover.png) center no-repeat;}
.r-fixed li.icon2{ background: url(../images/fix-icon2.png) center no-repeat;}
.r-fixed li.icon2:hover{ background: url(../images/fix-icon2-hover.png) center no-repeat;}
.r-fixed li.icon3{ background: url(../images/fix-icon3.png) center no-repeat;}
.r-fixed li.icon3:hover,.r-fixed li.icon3.selected{ background: url(../images/fix-icon3-hover.png) center no-repeat;}
.r-fixed li.icon3 .fix-search{ position: absolute; width: 0; height: 40px; background: #0079ab; border-right: #0079ab 5px solid; border-radius: 5px; top: 0; left: 0; display: none;}
.r-fixed li.icon3.selected .fix-search{ display: block;}
.r-fixed li.icon3 .fix-search input{ width: 235px; height: 20px; line-height: 30px; margin: 5px; margin-right: 0; padding: 5px 10px; border: none; background: #fff; font-size: 14px; border-radius: 3px;}
.r-fixed li.icon3 .fix-search .search-option{ border: #EEEEEE 1px solid; background: #FAFAFA; top: 35px; left: 5px; right: 0px; font-size: 14px;}
.r-fixed li.icon3 .fix-search .search-option dd a{ color: #333333; padding: 5px 0; border-bottom-color: #FFFFFF;}
.r-fixed li.icon3 .fix-search .search-option dd a:hover{ color: #CC2929; background: #EEEEEE;}
.r-fixed li.icon3 .fix-search .search-option dd a.style-a{ line-height: 30px;}
.r-fixed li.icon3 .fix-search .search-option dd a.style-a:hover{ background: none;}
.r-fixed li.icon4{ background: url(../images/fix-icon4.png) center no-repeat;}
.r-fixed li.icon4:hover{ background: url(../images/fix-icon4-hover.png) center no-repeat;}

/* pop */
.mask{ position: fixed; background: #43434D; opacity: 0.6; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;}
.pop{ position: fixed; background: #FFFFFF; box-shadow: 0 0 15px rgba(0,0,0,0.6); top: 50%; left: 50%; z-index: 11;}
.close{ position: absolute; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #FFFFFF; font-size: 18px; top: 0; right: 0; cursor: pointer; z-index: 99;}
.close:hover{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}

/* logo pop */
.loginpop{ width: 420px; height: 610px; font-size: 14px; text-align: center; background: #FFFFFF; border-radius: 5px; overflow: hidden; margin-left: -210px; margin-top: -300px;}
.loginpop dt{ position: relative; height: 210px; background:#555555; background:-moz-linear-gradient(top, #666666 0%, #444444 100%); background: -webkit-gradient(linear, top top, top bottom, color-stop(0%,#666666), color-stop(100%,#444444)); background: -webkit-linear-gradient(top, #666666 0%, #444444 100%); background: -o-linear-gradient(top, #666666 0%, #444444 100%); background: -ms-linear-gradient(top, #666666 0%, #444444 100%); background: linear-gradient(to bottom, #666666 0%, #444444 100%);}
.loginpop dt:before{ position: absolute; width: 100px; height: 100px; background: url(../images/logo-pop-icon.png) center no-repeat; left: 50%; top: 50%; margin-left: -50px; margin-top: -55px; content: "";}
.loginpop dt:after{ position: absolute; height: 10px; background: url(../images/logo-pop-line.png) center no-repeat; left: 0; right: 0; bottom: 0; content: "";}
.loginpop dt a{ position: absolute; color: #FFFFFF; left: 1.5em; top: 0.8em;}
.loginpop dt a:hover{ color: #da5252;}
.loginpop dt span{ line-height: 30px; font-size: 18px; color: #FFFFFF; text-align: center; padding-top: 160px; display: block;}
.loginpop dd{ padding: 5px 60px;}
.loginpop dd .inputbox{ position: relative; height: 50px; padding-top: 10px;}
.loginpop dd .inputbox input{ width: 100%; height: 29px; line-height: 29px; font-size: 14px; text-align: center; border: none; border-bottom: #DDDDDD 1px solid; background: none; padding: 10px 0; float: left;}
.loginpop dd .inputbox input.code{ width: 160px;}
.loginpop dd .inputbox input.error{ border-color: #CC2929;}
.loginpop dd .inputbox input.ok{ border-color: #00AA00;}
.loginpop dd .inputbox input:focus{ border-color: #DDDDDD;}
.loginpop dd .inputbox .phonecode{ position: absolute; height: 40px; line-height: 40px; color: #666666; left: 0; top: 15px; padding-right: 20px; cursor: pointer;}
.loginpop dd .inputbox .phonecode:before,.loginpop dd .inputbox .phonecode:after{ position: absolute; width: 0; height: 0; border: transparent 6px solid; border-top-color: #666666; right: 0; top: 18px; content: "";}
.loginpop dd .inputbox .phonecode:after{ border-top-color: #FFFFFF; top: 17px;}
.loginpop dd .inputbox .phonecode.selected:before,.loginpop dd .inputbox .phonecode.selected:after{ border-top: none; border-bottom-color: #666666;}
.loginpop dd .inputbox .phonecode.selected:after{ border-bottom-color: #FFFFFF; top: 19px;}
.loginpop dd .inputbox .phonecode i{ position: absolute; width: 20px; height: 20px; left: 20px; top: 29px; z-index: 9; display: none;}
.loginpop dd .inputbox .phonecode.selected i{ display: inline-block;}
.loginpop dd .inputbox .phonecode i:before,.loginpop dd .inputbox .phonecode i:after{ position: absolute; width: 0; height: 0; border: transparent 8px solid; border-bottom-color: #A0A0A0; left: 0; top: 0; content: "";}
.loginpop dd .inputbox .phonecode i:after{ border-bottom-color: #FFFFFF; top: 1px;}
.loginpop dd .inputbox .phonecode ul{ position: absolute; width: 300px; height: 188px; border: #CCCCCC 1px solid; background: #FFFFFF; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 5px 0; overflow: auto; left: 0; top: 34px; z-index: 8; display: none;}
.loginpop dd .inputbox .phonecode ul li{ width: 270px; height: 24px; line-height: 24px; color: #888888; background: #FFFFFF; border-radius: 0; margin: 0; padding: 0 15px; text-align: left; cursor: pointer;}
.loginpop dd .inputbox .phonecode ul li:hover{ background: #F2F2F2;}
.loginpop dd .vcode{ width: 120px; height: 45px; margin-top: 5px; border-radius: 5px; float: right;}
.loginpop dd .btn{ height: 50px; line-height: 50px; font-size:16px; color: #FFFFFF; background: #da5252; padding: 0; border-radius: 5px; display: block;}
.loginpop dd .btn:hover{ background: #ce4e4e;}
.loginpop dd .btn:active{ font-size: 15px;}
.loginpop dd .btn.disabled{ color: #888888; background: #DDDDDD;}
.loginpop dd .btn-code{ width: 120px; height: 45px; line-height: 45px; font-size: 14px; color: #da5252; background: #FFFFFF; border: #da5252 1px solid; margin-top: 3px; float: right;}
.loginpop dd .btn-code:hover{ color: #CC2929; background: #FFFFFF;}
.loginpop dd .btn-code:active{ font-size: 13px;}
.loginpop dd .btn-s{ width: 140px;}
.loginpop dd .btn-s.cancel{ height: 48px; color: #444444; border: #AAAAAA 1px solid; background: #ffffff;}
.loginpop dd .btn-s.cancel:hover{ color: #da5252; border-color: #da5252; background: #FFFFFF;}
.loginpop dd .prompt{ height: 40px; line-height: 30px; font-size: 14px; text-align: center; color: #CC2929;}
.loginpop .login-other{ position: relative; text-align: center; margin: 12px 60px;}
.loginpop .login-other:before{ position: absolute; height: 1px; background: #666666; background:-moz-linear-gradient(left, #FFFFFF 0%, #666666 50%, #FFFFFF 100%); background: -webkit-gradient(linear, left left, left right, color-stop(0%,#FFFFFF), color-stop(50%,#666666), color-stop(100%,#FFFFFF)); background: -webkit-linear-gradient(left, #FFFFFF 0%, #666666 50%,#FFFFFF 100%); background: -o-linear-gradient(left, #FFFFFF 0%, #666666 50%,#FFFFFF 100%); background: -ms-linear-gradient(left, #FFFFFF 0%, #666666 50%,#FFFFFF 100%); background: linear-gradient(to right, #FFFFFF 0%, #666666 50%,#FFFFFF 100%); top: 15px; left: 0; right: 0; content: ""; z-index: 0;}
.loginpop .login-other label{ position: relative; line-height: 30px; color: #666666; font-size: 14px; padding: 0 10px; background: #FFFFFF; z-index: 1;}
.loginpop ul{ height: 60px; margin: 10px auto; display: inline-block;}
.loginpop ul li{ width: 60px; height: 60px; line-height: 60px; background: #66accc; border-radius: 50%; margin: 0 15px; float: left;}
.loginpop ul li:first-child{ background: #cc6666;}
.loginpop ul li:last-child{ background: #66cc85;}
.loginpop ul li a{ position: relative; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 32px; color: #FFFFFF; float: left;}
.loginpop ul li a:hover{ color: #FFFFFF; line-height: 58px;}
.loginpop ul li a:hover:before{ position: relative; z-index: 1;}
.loginpop ul li a:hover:after{ position: absolute; background: rgba(0,0,0,0.1); border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; content: "";}

.registerpop{ height: 550px; margin-top: -275px;}
.regpop{ height: 520px; margin-top: -260px;}
.resetpsw{ height: 520px; margin-top: -260px;}

.alert{ width: 400px; margin-left: -200px; margin-top: -110px;}
.alert h2{ line-height: 80px; font-size: 68px; text-align: center; padding-top: 20px;}
.alert p{ height: 60px; line-height: 60px; padding-bottom: 10px; text-align: center; font-size: 16px;}
.alert a{ height: 69px; line-height: 69px; border-top: #DDDDDD 1px solid; background: #F2F2F2; font-size: 20px; color: #000000; text-align: center; display: block;}
.alert a:hover{ color: #CC2929; background: #E9E9E9;}
.alert.noicon p{ height: auto; line-height: 30px; font-size: 18px; padding: 30px;}
.confirm a{ position: relative; width: 50%; float: left;}
.confirm a:after{ position: absolute; width: 1px; background: #DDDDDD; top: 0; right: 0px; bottom: 0; content: "";}

/* tip */
.ui-tip{ position: fixed; height: 50px; line-height: 50px; color: #FFFFFF; font-size: 14px; background: #383838; padding: 0 20px; border-radius: 5px; opacity: 0.1; bottom: -20px; left: 50%; z-index: 11;}

/* input tip */
.prompt-tip{ position: fixed; height: 30px; line-height: 30px; border: #CCCCCC 1px solid; color: #333333; text-align: center; background: #FFFFFF; box-shadow: 0 2px 10px rgba(0,0,0,0.5); z-index: 100;}
.prompt-tip:before,.prompt-tip:after{ position: absolute; width: 0; height: 0; border: transparent 6px solid; border-bottom-width: 0px; border-top-color: #CCCCCC; left: 50%; margin-left: -6px; bottom: -6px; content: ""; z-index: 1;}
.prompt-tip:after{ border-top-color: #FFFFFF; bottom: -5px; z-index: 2;}

.prompt-tip.error{ color: #CC2929; border-color: #CC2929;}
.prompt-tip.error:before{ border-top-color: #CC2929;}

/*  a  */
a{ color:#444; text-decoration:none; cursor:pointer;}
a:hover,.a:hover{ color:#CC2929;}

/* tabpanel */
.tabpanel-a .tap-head{ height: 40px; line-height: 40px; border-bottom: #E2E2E2 1px solid; margin-bottom: 20px;}
.tap-head a{ color: #888888;}
.zylx{ color: #888888;}
.tabpanel-a .tap-head li{ height: 40px; font-size: 14px; color: #888888; padding: 0 15px; cursor: pointer; float: left;;}
.tabpanel-a .tap-head li a{ color: #888888; padding: 0 2px; margin: 0 -15px; display: block;}
.tabpanel-a .tap-head li:hover a{ color: #CC2929;}
.tabpanel-a .tap-head li.selected{ height: 39px; color: #CC2929; border-bottom: #CC2929 2px solid;}
.tabpanel-a .tap-head li.selected a{ color: #CC2929;}

.tabpanel-c{ border: #EEEEEE 1px solid;}
.tabpanel-c .tap-head{ height: 40px; line-height: 40px; background: #FAFAFA;}
.tabpanel-c .tap-head li{ width: 100px; height: 40px; font-size: 14px; text-align: center; color: #888888; cursor: pointer; float: left;}
.tabpanel-c .tap-head li a{ color: #888888; display: block;}
.tabpanel-c .tap-head li:hover,.tabpanel-c .tap-head li:hover a{ color: #CC2929;}
.tabpanel-c .tap-head li.selected{ height: 39px; color: #CC2929; border-top: #CC2929 2px solid; margin-top: -1px; background: #FFFFFF;}
.tabpanel-c .tap-head li.selected a{ color: #CC2929;}
.tabpanel-c .tap-body{ position: relative; min-height: 200px;}

/* table */
.table{ width:100%; border:none; table-layout:fixed; border-collapse: collapse;}
.table-a{ border-collapse: inherit;}
.table-a th{ width: 55px; text-align: center; font-weight: normal;}
.table-a th,.table-a td{ line-height: 24px; border-radius: 5px; background: #f2f2f2; padding: 10px;}
.table-a td h4{ line-height: 25px; font-size: 16px; font-weight: normal; padding-left: 28px; margin-bottom: 10px; background-image: url(../images/auto-write-t.png); background-position: 0 2px; background-repeat: no-repeat;}
.table-a td p{ line-height: 22px; font-size: 14px; color: #A0A0A0; padding: 0; padding-left: 28px; background: url(../images/auto-write-add.png) top left no-repeat;}

.table-b{ background: #FFFFFF; border-collapse: inherit;}
.table-b th,.table-b td{ line-height: 24px; padding: 10px 15px;}
.table-b th{ text-align: center; color: #FFFFFF; font-weight: normal;}
.table-b.style-a th{ background: #53a0d7;}
.table-b.style-b th{ background: #d75353;}
.table-b.style-c th{ background: #78cbce;}
.table-b th:first-child{ text-align: left;}
.table-b td{ text-align: right; background: #ffffff;}
.table-b td:first-child{ text-align: left;}
.table-b tr:nth-child(odd) td{ background: #f2f2f2;}

.table-c{ background: #FFFFFF; border-collapse: inherit;}
.table-c th,.table-c td{ line-height: 24px; padding: 10px;}
.table-c th{ text-align: center; color: #FFFFFF; font-weight: normal; background: #cc5252;}
.table-c td{ text-align: center; background: #f2f2f2; padding: 5px 10px;}
.table-c td label{ width: 49%; line-height: 22px; text-align: left; background: #FFFFFF; border-radius: 5px; padding: 8px 10px; margin: 5px 0; box-sizing: border-box; float: left;}
.table-c td label:nth-child(even){ float: right;}
.table-c td label span{ font-size: 14px;}

/* panner */
.pannel-a{ margin-bottom: 20px;}
.pannel-a h3{ height: 40px; line-height: 40px; border-bottom: #E2E2E2 1px solid; margin-bottom: 20px;}
.pannel-a h3 label{  height: 39px; font-size: 14px; color: #CC2929; font-weight: normal; border-bottom: #CC2929 2px solid; padding: 0 10px; float: left;;}

.pannel-b{ margin-bottom: 20px; background: #FFFFFF;}
.pannel-b h3{ height: 50px; line-height: 50px; border-bottom: #EEEEEE 1px solid;}
.pannel-b h3 label{ padding-left: 30px; font-size: 14px; background: url(../images/icon-detail-side.png) left center no-repeat; margin-left: 10px; font-weight: normal; float: left;;}

/* line */
.line-a{ height: 1px; background: #E2E2E2; display: block; clear: both;}
.line-b{ height: 0; border-top: #CCCCCC 1px dashed; display: block; clear: both;}

/* list */
.list-a dl{ background: #FFFFFF; margin-top: 10px;}
.list-a dt{ width: 240px; height: 180px; border: #DDDDDD 1px solid; float: left;}
.list-a dt img{ width: 240px; height: 180px; float: left;}
.list-a dd{ position: relative; min-height: 182px; margin-left: 242px; padding: 0 20px;}
.list-a dd h2{ line-height: 27px; font-size: 18px; color: #444444; font-weight: normal; padding-top: 15px; margin-bottom: 13px;}
.list-a dd p{ max-height: 72px; font-size: 14px; line-height: 23px; color: #666666; margin-bottom: 10px;}
.list-a dd label{ position: absolute; height: 20px; line-height: 20px; color: #AAAAAA; left: 20px; bottom: 18px; right: 20px;}
.list-a dd label img{ width: 20px; height: 20px; border-radius: 50%; margin-right: 5px; float: left;}

.list-s .list-a dl{ height: auto !important; padding: 0; margin-top: 1px;}
.list-s .list-a dl dt{ display: none;}
.list-s .list-a dl dd{ min-height: 60px; margin-left: 0; padding-left: 40px;}
.list-s .list-a dl dd:before{ position: absolute; width: 6px; height: 6px; background: #CC2929; border-radius: 50%; left: 20px; top: 27px; content: "";}
.list-s .list-a dl dd h2{ margin-right: 150px; margin-bottom: 0; line-height: 32px; padding:15px 0 13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list-s .list-a dl dd p{ display: none;}
.list-s .list-a dl dd label{ left: auto; top: 20px;}
.list-s .list-a dl dd label a{ display: none;}

/* btn */
.btn{ height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; padding:0px 10px; cursor:pointer;}
.btn.btn-a{ border:#cc2929 1px solid; background:#cc2929;}
.btn.btn-a:hover{ border:#c00 1px solid; color:#fff; background:#c00;}
.btn.btn-b{ border:#666 1px solid; color:#FFFFFF; background:#666;}
.btn.btn-b:hover{ border:#444 1px solid; background:#444;}
.btn.btn-c{ border:#dedede 1px solid; color:#aaa; background:#fff;}
.btn.btn-c:hover{ border:#ddd 1px solid; color:#666; background:#fafafa;}

.btn:active{ box-shadow: 0 0 5px rgba(0,0,0,0.5) inset;}

.btn.disabled{ border-color:#ccc; background:#ccc; color:#888; cursor:default;}
.btn.disabled:hover{ color:#888; background:#ccc;}
.btn.disabled:active{ color:#888; box-shadow: none;}
.btn-a.disabled:active{ color:#888; border:none;}

/* switch */
.switch{ position:relative; width:42px; height:22px; line-height:22px; padding:0 5px; border:1px solid #DDDDDD; border-radius:20px; cursor:pointer; background-color:#DDDDDD; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.switch i{ position:absolute; left:5px; top:3px; width:16px; height:16px; border-radius:20px; background-color:#FFFFFF; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.switch em{ position:absolute; right:5px; top:0; width:25px; padding:0!important; text-align:center!important; color:#FFFFFF!important; font-style:normal!important; font-size:12px;}
.switch.selected{ border-color:#CC2929; background-color:#CC2929}
.switch.selected i{left:32px; background-color:#fff}
.switch.selected em{left:5px; right:auto; color:#fff!important}

/* select */
.select{ position: relative; height: 40px; line-height: 40px; border: #DDDDDD 1px solid; cursor: pointer; z-index: 5;}
.select em{ position: absolute; font-style: normal; left: 8px; right:30px; top: 0; bottom: 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; z-index: 1;}
.select i{ position: absolute; width: 0; height: 0; border: transparent 8px solid; border-top-color: #A0A0A0; right: 10px; top: 15px; z-index: 1;}
.select .option{ position: absolute; max-height: 286px; background: #FFFFFF; border: #DDDDDD 1px solid; top: 40px; left: -1px; right: -1px; overflow-y: auto; z-index: 2; display: none;}
.select .option a{ height: 40px; line-height: 40px; color: #666666; padding: 0 8px; border-top: #EEEEEE 1px solid; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display: block;}
.select .option a:first-child{ border-top: none;}
.select .option a:hover{ background: #FAFAFA;}
.select .option a.selected{ color: #000000; background: #F2F2F2;}
.select.selected i{ border-top: none; border-bottom-color: #A0A0A0;}
.select.selected .option{ display: block;}

.select.disabled{ color: #A0A0A0; border-color: #FAFAFA; background: #FAFAFA;}
.select.disabled i{ border-top-color: #CCCCCC;}

/* date */
.windate{ position:absolute; width:226px; height:auto; background:#666666; color:#fff; font-size:12px; padding:5px; border-radius: 6px; box-shadow:0 0 5px rgba(0,0,0,0.5); overflow:hidden; z-index:100;}
.windate .year{ height:30px; line-height:28px; background:#666666; text-align:center; font-weight:bold;}
.windate .year span{ margin:0 5px; cursor:pointer;}
.windate .week{ height:30px; line-height:30px; background:#888888; border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0 1px;}
.windate .week span{ width:32px; text-align:center; float:left;}
.windate .date{ background: #FFFFFF; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 1px; display: inline-block;}
.windate .date span{ width:32px; height:30px; line-height:30px; text-align:center; color:#333333; float:left; cursor:pointer;}
.windate .date span:hover{ background:#DDDDDD;}
.windate .date span.selected{ color: #FFFFFF; background:#CC2929;}
.windate .date span.none{ color:#DDDDDD;}
.windate .date span.none:hover{ background: none;}

/* page */
.page{ height:32px; padding:15px 0; text-align:right;}
.page ul{     margin: auto;width: 566px;}
.page li{ width:30px; height:30px; line-height:30px; text-align:center; font-size:14px; border: #EEEEEE 1px solid; background:#fff; cursor:pointer; margin:0 5px; float:left;}
.page li a{ color: #A0A0A0; display:block;}
.page li:hover{ border-color: #AAAAAA;}
.page li:hover a{ color: #333333;}
.page li.active,.page li.selected{ border-color:#555555; background: #555555;}
.page li.active a,.page li.selected a{ color: #FFFFFF;}
.page li.disabled{ color: #AAAAAA;}
.page li.disabled:hover{ border-color: #EEEEEE;}
.page li.prev,.page li.next{ width:60px;}


/* 搜索 */
.search{ position: relative; height: 40px; background-color: #FFFFFF;}
.search input{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; background-color: #FFFFFF; border: none; padding: 5px 40px 5px 10px; box-sizing: border-box; float: left;}
.search i{ position: absolute; width: 40px; height: 40px; line-height: 40px; font-size: 24px; text-align: center; top: 0; right: 0; cursor: pointer;}
.search i img{margin-top: 3px;}

.search-a{ border: #DDDDDD 1px solid;}

.search-none{ height: 40px; line-height: 40px; color: #A0A0A0; padding-top: 180px; padding-bottom: 30px; text-align: center; background-image: url(../images/search-none.png); background-repeat: no-repeat; background-position: center 50px;}

/* loading */
.loading{ position:absolute; background-color: #FFFFFF; background-image:url(../images/loading.gif); background-position: center; background-repeat: no-repeat; top:0; left:0; right:0; bottom: 0; z-index:11;}
.loading.fixed{ position: fixed; background-color: transparent;}
.load-more-limit{ position: relative;}
.load-more-limit .loading{ min-height: 60px; background-color: transparent;}

/* img */
img.overtobig{ transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s;}
img.overtobig.gray{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);}
img.overtobig:hover{ filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.fade3s{ transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.fade5s{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}

/* width */
.w-auto{ width:auto;}
.w-per5{ width:5%;}
.w-per10{ width:10%;}
.w-per15{ width:15%;}
.w-per20{ width:20%;}
.w-per25{ width:25%;}
.w-per30{ width:30%;}
.w-per35{ width:35%;}
.w-per40{ width:40%;}
.w-per45{ width:45%;}
.w-per50{ width:50%;}
.w-per55{ width:55%;}
.w-per60{ width:60%;}
.w-per65{ width:65%;}
.w-per70{ width:70%;}
.w-per75{ width:75%;}
.w-per80{ width:80%;}
.w-per85{ width:85%;}
.w-per90{ width:90%;}
.w-per95{ width:95%;}
.w-per100{ width:100%;}

.w-0{ width:0px;}
.w-5{ width:5px;}
.w-10{ width:10px;}
.w-15{ width:15px;}
.w-20{ width:20px;}
.w-25{ width:25px;}
.w-30{ width:30px;}
.w-35{ width:35px;}
.w-40{ width:40px;}
.w-45{ width:45px;}
.w-50{ width:50px;}
.w-60{ width:60px;}
.w-70{ width:70px;}
.w-80{ width:80px;}
.w-90{ width:90px;}
.w-100{ width:100px;}
.w-120{ width:120px;}
.w-150{ width:150px;}
.w-180{ width:180px;}
.w-200{ width:200px;}
.w-240{ width:240px;}
.w-250{ width:250px;}
.w-300{ width:300px;}
.w-350{ width:350px;}
.w-500{ width:500px;}

/* height */
.h-auto{ height:auto;}
.h-0{ height:0px;}
.h-5{ height:5px;}
.h-10{ height:10px;}
.h-15{ height:15px;}
.h-20{ height:20px;}
.h-25{ height:25px;}
.h-30{ height:30px;}
.h-35{ height:35px;}
.h-40{ height:40px;}
.h-45{ height:45px;}
.h-50{ height:50px;}
.h-55{ height:55px;}
.h-60{ height:60px;}
.h-80{ height:80px;}
.h-100{ height:100px;}
.h-per100{ height:100%;}

/* line-height */
.line-h-0{ line-height:0px;}
.line-h-5{ line-height:5px;}
.line-h-10{ line-height:10px;}
.line-h-15{ line-height:15px;}
.line-h-20{ line-height:20px;}
.line-h-22{ line-height:22px;}
.line-h-24{ line-height:24px;}
.line-h-25{ line-height:25px;}
.line-h-28{ line-height:28px;}
.line-h-30{ line-height:30px;}
.line-h-35{ line-height:35px;}
.line-h-40{ line-height:40px;}
.line-h-45{ line-height:45px;}
.line-h-50{ line-height:50px;}
.line-h-55{ line-height:55px;}
.line-h-60{ line-height:60px;}
.line-h-80{ line-height:80px;}
.line-h-per100{ line-height:100%;}

/* other */
.opacity-hide{ width:0px; height:0px; filter:alpha(opacity=0); opacity:0; display: inherit;}
.relative{ position:relative;}
.absolute{ position:absolute;}
.fixed{ position:fixed;}

.show{ display:block;}
.vhide{ visibility: hidden;}
.inline-block{ display:inline-block;}

.over-hidden{ overflow:hidden;}
.over-x-auto{ overflow-x:auto;}
.over-y-auto{ overflow-y:auto;}
.over-visible{ overflow:visible;}
.over-auto{ overflow:auto;}

.clear{ clear:both;}

.break-word{ word-wrap:break-word; word-break:normal;} /* 强制换行 */
.ellipsis-1{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /* 单行省略 */
.ellipsis-2{ display:-webkit-box;overflow:hidden; white-space:normal!important; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.ellipsis-3{ display:-webkit-box;overflow:hidden; white-space:normal!important; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.ellipsis-4{ display:-webkit-box;overflow:hidden; white-space:normal!important; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical}


.pointer{ cursor:pointer;}
.curdef{ cursor:default;}

/* text */
.bold{ font-weight:bold;}
.normal{ font-weight:normal; font-style:normal;}
.through{ text-decoration:line-through;}
.underline{ text-decoration:underline;}

/* radius */
.radius-0{ border-radius:0;}
.radius-3{ border-radius:3px;}
.radius-5{ border-radius:5px;}
.radius-10{ border-radius:10px;}
.radius-per50{ border-radius:50%;}
.radiu-tln{ border-top-left-radius:0;}
.radiu-trn{ border-top-right-radius:0;}
.radiu-bln{ border-bottom-left-radius:0;}
.radiu-brn{ border-bottom-right-radius:0;}

/* margin */
.margin-0{ margin:0px;}
.margin-5{ margin:5px;}
.margin-10{ margin:10px;}
.margin-15{ margin:15px;}
.margin-20{ margin:20px;}
.margin-30{ margin:30px;}
.margin-50{ margin:50px;}

.margin-t0{ margin-top:0px;}
.margin-t1{ margin-top:1px;}
.margin-t2{ margin-top:2px;}
.margin-t3{ margin-top:3px;}
.margin-t5{ margin-top:5px;}
.margin-t10{ margin-top:10px;}
.margin-t15{ margin-top:15px;}
.margin-t20{ margin-top:20px;}
.margin-t25{ margin-top:25px;}
.margin-t30{ margin-top:30px;}
.margin-t35{ margin-top:35px;}
.margin-t40{ margin-top:40px;}
.margin-t45{ margin-top:45px;}
.margin-t50{ margin-top:50px;}

.margin-b0{ margin-bottom:0px;}
.margin-b1{ margin-bottom:1px;}
.margin-b2{ margin-bottom:2px;}
.margin-b3{ margin-bottom:3px;}
.margin-b5{ margin-bottom:5px;}
.margin-b10{ margin-bottom:10px;}
.margin-b15{ margin-bottom:15px;}
.margin-b20{ margin-bottom:20px;}
.margin-b25{ margin-bottom:25px;}
.margin-b30{ margin-bottom:30px;}
.margin-b40{ margin-bottom:40px;}
.margin-b45{ margin-bottom:45px;}
.margin-b50{ margin-bottom:50px;}

.margin-l0{ margin-left:0px;}
.margin-l1{ margin-left:1px;}
.margin-l2{ margin-left:2px;}
.margin-l3{ margin-left:3px;}
.margin-l5{ margin-left:5px;}
.margin-l10{ margin-left:10px;}
.margin-l15{ margin-left:15px;}
.margin-l20{ margin-left:20px;}
.margin-l25{ margin-left:25px;}
.margin-l30{ margin-left:30px;}
.margin-l35{ margin-left:35px;}
.margin-l40{ margin-left:40px;}
.margin-l45{ margin-left:45px;}
.margin-l50{ margin-left:50px;}
.margin-l80{ margin-left:80px;}
.margin-l100{ margin-left:100px;}
.margin-l120{ margin-left:120px;}
.margin-l180{ margin-left:180px;}

.margin-r0{ margin-right:0px;}
.margin-r1{ margin-right:1px;}
.margin-r2{ margin-right:2px;}
.margin-r3{ margin-right:3px;}
.margin-r5{ margin-right:5px;}
.margin-r10{ margin-right:10px;}
.margin-r15{ margin-right:15px;}
.margin-r20{ margin-right:20px;}
.margin-r25{ margin-right:25px;}
.margin-r30{ margin-right:30px;}
.margin-r35{ margin-right:35px;}
.margin-r40{ margin-right:40px;}
.margin-r45{ margin-right:45px;}
.margin-r50{ margin-right:50px;}


/* padding */
.padding-0{ padding:0px;}
.padding-3{ padding:3px;}
.padding-5{ padding:5px;}
.padding-10{ padding:10px;}
.padding-15{ padding:15px;}
.padding-20{ padding:20px;}
.padding-30{ padding:30px;}
.padding-50{ padding:50px;}

.padding-t0{ padding-top:0px;}
.padding-t1{ padding-top:1px;}
.padding-t2{ padding-top:2px;}
.padding-t3{ padding-top:3px;}
.padding-t5{ padding-top:5px;}
.padding-t10{ padding-top:10px;}
.padding-t15{ padding-top:15px;}
.padding-t20{ padding-top:20px;}
.padding-t25{ padding-top:25px;}
.padding-t30{ padding-top:30px;}
.padding-t35{ padding-top:35px;}
.padding-t40{ padding-top:40px;}
.padding-t50{ padding-top:50px;}

.padding-b0{ padding-bottom:0px;}
.padding-b5{ padding-bottom:5px;}
.padding-b10{ padding-bottom:10px;}
.padding-b15{ padding-bottom:15px;}
.padding-b20{ padding-bottom:20px;}
.padding-b25{ padding-bottom:25px;}
.padding-b30{ padding-bottom:30px;}
.padding-b40{ padding-bottom:40px;}
.padding-b40{ padding-bottom:50px;}

.padding-l0{ padding-left:0px;}
.padding-l5{ padding-left:5px;}
.padding-l10{ padding-left:10px;}
.padding-l15{ padding-left:15px;}
.padding-l20{ padding-left:20px;}
.padding-l30{ padding-left:30px;}
.padding-l40{ padding-left:40px;}
.padding-l50{ padding-left:50px;}

.padding-r0{ padding-right:0px;}
.padding-r5{ padding-right:5px;}
.padding-r10{ padding-right:10px;}
.padding-r15{ padding-right:15px;}
.padding-r20{ padding-right:20px;}
.padding-r30{ padding-right:30px;}
.padding-r40{ padding-right:40px;}
.padding-r50{ padding-right:50px;}


/* float or align */
.float-l{ float:left;}
.float-r{ float:right;}
.float-c{ margin:auto;}
.align-l{ text-align:left;}
.align-r{ text-align:right;}
.align-c{ text-align:center;}
.align-j{ text-align:justify;}
.align-m{ align-items:center; display: flex;}

/* font */
.color-a{ color:#fff;}
.color-b{ color:#ddd;}
.color-c{ color:#A0A0A0;}
.color-d{ color:#888;}
.color-e{ color:#666;}
.color-f{ color:#333;}
.color-g{ color:#000;}
.color-h{ color:#cc2929;}/*红色*/
.color-i{ color:#00AA00;}/*绿色*/
.color-j{ color:#3e8fe2;}/*蓝色*/
.color-k{ color:#FF9900;}/*黄色*/

.size-12{ font-size:12px;}
.size-14{ font-size:14px;}
.size-16{ font-size:16px;}
.size-18{ font-size:18px;}
.size-20{ font-size:20px;}
.size-22{ font-size:22px;}
.size-24{ font-size:24px;}
.size-28{ font-size:28px;}
.size-30{ font-size:30px;}
.size-32{ font-size:32px;}
.size-36{ font-size:36px;}
.size-48{ font-size:48px;}

.indent0{ text-indent:0px;}
.indent24{ text-indent:24px;}
.indent28{ text-indent:28px;}
.indent32{ text-indent:32px;}
.indent36{ text-indent:36px;}

/* bg */
.bg-a{ background:#fff;}
.bg-b{ background:#fafafa;}
.bg-c{ background:#DDDDDD;}
.bg-n{ background:none;}